import React from 'react'
import { BrowserRouter as Router, Route, NavLink,Redirect,Switch} from 'react-router-dom'
import Home from './views/home.jsx'
import About from './views/about.jsx'

function App() {
    return (
        <div className='container'>
			<Router>
				<ul className="nav nav-pills nav-fill">
				  <li className="nav-item">
				    <NavLink className="nav-link" activeClassName="active" to="/home">HOME</NavLink>
				  </li>
				  <li className="nav-item">
				    <NavLink className="nav-link" exact activeClassName="active" to="/about">ABOUT</NavLink>
				  </li>
				  <li className="nav-item">
				    <NavLink className="nav-link" activeClassName="active" to="/about/us">EXACT</NavLink>
				  </li>
				</ul>
				<Switch>
					<Route path='/home' component={Home} />
					<Route path='/about' component={About} />
					<Route path='/about/us' component={About} />
					<Redirect to='/home' />
				</Switch>
			</Router>
		</div>
    )
}

export default App